<template>
  <CustomNavBar title="" backType="redirect" redirectUrl="/pages/activity/shared-pile/index" backIconColor="#ffffff" :placeholder="false" backgroundColor="transparent" />
  <view class="page flex-col">
    <view class="block_1 flex-col">
      <view class="large-content-placeholder"></view>
      <view class="group_3 flex-col">
        <view class="text-wrapper_25 flex-row justify-between">
          <text class="text_3">自己充电免费</text>
          <text class="text_4">&nbsp;别人充电赚钱</text>
        </view>
        <text class="text_5">活动日期{{ formatActivityDate() }}</text>
        <text class="text_6">合肥市新能源汽车普及共享充电桩推广活动</text>
      </view>
    </view>
    <view class="block_2 flex-col">
      <view class="box_1 flex-col">
        <text class="text_7">购买资格</text>
        <text class="text_8">三个条件同时具备的也只能购买一台</text>
        <text class="text_9">1.有产权车位（前提条件）</text>
        <text class="text_10">每个车位限购买一台</text>
        <text class="text_11">2.有汽车</text>
        <text class="text_12">
          7&nbsp;座以下新能源汽车及燃油汽车，每辆车限购买一台
        </text>
        <view class="image-text_7 flex-row justify-between">
          <view class="text-group_18 flex-col">
            <text class="text_13">3.已安装充电桩</text>
            <text class="text_14">已申请分时电表的家用充电桩个人业主</text>
            <text class="text_15">*仅限合肥市区符合上述条件的用户购买</text>
          </view>
          <view class="section_1 flex-col"></view>
        </view>
      </view>
      <view class="box_2 flex-col">
        <view class="box_17 flex-row">
          <view class="text-group_19 flex-col">
            <text class="text_16">活动背景</text>
            <text class="text_17">截至2025年6月底</text>
          </view>
        </view>
        <view class="box_18 flex-row justify-between">
          <view class="block_3 flex-row">
            <view class="text-group_20 flex-col">
              <text class="text_18">38万辆</text>
              <text class="text_19">
                合肥市新能源汽车保有量已超过38万辆，其中私家车占比达到75%，即约28.5万辆
              </text>
            </view>
          </view>
          <view class="block_4 flex-row">
            <view class="text-group_21 flex-col">
              <text class="text_20">13.5万根</text>
              <text class="text_21">
                私人充电桩数量突破&nbsp;13.5&nbsp;万根，安装率仅达&nbsp;47%
              </text>
            </view>
          </view>
          <view class="block_5 flex-row">
            <view class="image-text_8 flex-col">
              <view class="group_4 flex-col">
                <text class="text_22">15万辆</text>
                <view class="text_notice" style="color: #FFF0A5; font-weight: bold; font-size: 20rpx; text-align: center;">
                  无法自行安装充电桩
                </view>
              </view>
              <text class="text-group_5">
                意味着合肥市还有15万辆私家车由于各种原因无法自行安装充电桩，而且还有10万辆新能源网约车休息时充电也是刚性需求。
              </text>
            </view>
          </view>
        </view>
      </view>
      <view class="box_3 flex-col">
        <text class="text_23">常见问题解答</text>
        <!-- 问答列表 -->
        <view class="expanded-questions">
          <view v-for="(qa, index) in allQuestions" :key="index" class="qa-item">
            <view class="group_18 flex-row justify-betweens">
              <view class="text-wrapper_5 flex-col">
                <text class="text_27">问</text>
              </view>
              <text class="text_281">{{ qa.title }}</text>
            </view>
            <view class="group_19 flex-row justify-betweens">
              <view class="text-wrapper_6 flex-col">
                <text class="text_29">答</text>
              </view>
              <text class="text_301">{{ qa.content }}</text>
            </view>
            <view class="line_6" v-if="index < allQuestions.length - 1"></view>
          </view>
        </view>


        <!-- <view class="group_16 flex-row justify-between">
          <view class="text-wrapper_3 flex-col">
            <text class="text_24">问</text>
          </view>
          <text class="text_25">每个用户可以购买几台共享充电桩？</text> -->
        <!-- </view>
        <view class="group_17 flex-row justify-between">
          <view class="text-wrapper_4 flex-col">
            <text class="text_26">答</text>
          </view>
          <text class="paragraph_1">
            每个用户只可以购买一台共享充电桩，即使有车位、同时也有新能源车或燃油车、还自己申请安装了非运营版充电桩，都只能购买一台。
            <br />
          </text>
        </view>
        <view class="line_6"></view>
        <view class="group_18 flex-row justify-between">
          <view class="text-wrapper_5 flex-col">
            <text class="text_27">问</text>
          </view>
          <text class="text_28">
            我只有燃油汽车没有新能源汽车，可以购买共享充电桩吗？
          </text>
        </view>
        <view class="group_19 flex-row justify-between">
          <view class="text-wrapper_6 flex-col">
            <text class="text_29">答</text>
          </view>
          <text class="text_30">
            可以购买。但需要持有产权车位或者长期租赁了产权车位，租赁产权车位的需要车位主提供车位产权证照片或复印件，并且积极配合申请分时电表。
          </text>
        </view>
                <view class="line_6"></view>
        <view class="group_20 flex-row justify-between">
          <view class="group_21 flex-col">
            <view class="text-wrapper_7 flex-col">
              <text class="text_31">问</text>
            </view>
            <view class="text-wrapper_8 flex-col">
              <text class="text_32">答</text>
            </view>
          </view>
          <view class="text-group_22 flex-col">
            <text class="text_33">
              我有新能源汽车且已经自行申请安装了充电桩，可以额外再购买一台共享充电桩吗？
            </text>
            <text class="text_34">
              可以购买。因为通常购买新能源汽车配套安装的充电桩，都是非运营版本，即只要是车辆插上充电枪就可以充电。自己申请安装了自用的充电桩，意味着已经申请了分时电表，此次活动再购买一台听鸽共享充电桩，能更快的投入运营，还能额外增加充电收入。
            </text>
          </view>
        </view> -->
        <!-- 展开按钮：根据是否有更多数据来显示 -->
        <view v-if="hasMoreData || (showAllQuestions && !hasMoreData)" class="text-wrapper_9 flex-col" @click="expandAllQuestions">
          <text class="text_35">{{ showAllQuestions && !hasMoreData ? '收起' : '展开更多问答' }}</text>
        </view>


      </view>
      <view class="box_4 flex-col">
        <text class="text_36">购买听鸽共享充电桩</text>
        <image
            class="image_8"
            referrerpolicy="no-referrer"
            src="https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/font_6w.png"
        />
        <image class="box_5" src="https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/fu1.png" />
        <view class="box_6 flex-row">
          <view class="image-text_9 flex-row justify-between">
            <view class="text-group_23 flex-col">
              <text class="text_37">价值&nbsp;2000&nbsp;元</text>
              <text class="text_38">运营版充电桩一台(五年免费换新）</text>
            </view>
            <image
                class="image_9"
                referrerpolicy="no-referrer"
                src="https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/pile.png"
            />
          </view>
        </view>
        <image class="box_7" src="https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/fu2.png" />
        <view class="box_8 flex-col">
          <view class="box_9 flex-col">
            <text class="text_39">5年内充电服务费收入约6000元</text>
            <view class="image-text_10 flex-row justify-between">
              <view class="box_19 flex-col">
                <view class="block_6 flex-col"></view>
                <view class="block_7 flex-col"></view>
              </view>
              <text class="text-group_8">
                该充电桩收取的充电服务费2000元以内购买者全得
                <br />
                2000元以外购买者得50％
              </text>
            </view>
            <text class="text_40">
              详见“共享充电桩充电服务费收入预测”，充电服务费实时到账
            </text>
            <view class="section_16 flex-row justify-between">
              <image
                  class="image_10"
                  referrerpolicy="no-referrer"
                  src="https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/xuxian.png"
              />
              <text class="text_41">特别提示</text>
              <image
                  class="image_11"
                  referrerpolicy="no-referrer"
                  src="https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/xuxian.png"
              />
            </view>
            <text class="text_42">
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;上述充电服务费预估仅为参考模型，实际收入可能因充电桩安装位置而异。请申请者根据自身情况理性评估，以实际充电服务费收入为准进行申请。
            </text>
          </view>
          <view class="box_10 flex-col">
            <image
                class="image_12"
                referrerpolicy="no-referrer"
                src="https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/xiangqing.png"
            />
            <text class="text_43">五年内预估收益¥10800</text>
            <text class="text_44">
              五年内共享充电桩申请者预计可获得充电服务费总额约10800元
            </text>
            <text class="text_45">
              其中2000&nbsp;元以内申请者全额获得，超出2000元部分申请者按&nbsp;50%比例分配，即平均每位申请者实际可得充电服务费约&nbsp;6400&nbsp;元
            </text>
            <text class="text_46">
              每台充电桩只需有四辆新能源车每周过来充一次电即可达到下面预估测算：
            </text>
            <text class="text_47">
              即每台共享充电桩平均每两天被充电&nbsp;1&nbsp;次，每次平均充电&nbsp;30&nbsp;度，每度电收取充电服务费&nbsp;0.4&nbsp;元。即每台共享充电桩年收取充电服务费约&nbsp;2160&nbsp;元（每次约&nbsp;12&nbsp;元、每月&nbsp;180&nbsp;元、每年&nbsp;2160&nbsp;元）
            </text>
          </view>
        </view>
        <!--        <view class="text-wrapper_10 flex-row justify-between">-->
        <!--          <text class="text_48">福利</text>-->
        <!--          <text class="text_49">2</text>-->
        <!--        </view>-->
        <!--        <view class="text-wrapper_11 flex-col">-->
        <!--          <text class="text_50">1</text>-->
        <!--        </view>-->
        <!--        <text class="text_51">6</text>-->
      </view>
      <view class="box_11 flex-col">
        <image src="https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/fu3.png" class="section_4"></image>
        <view class="section_5 flex-col">
          <view class="text-wrapper_12">
            <text class="text_52">1000元充电服务费抵扣券</text>
            <text class="text_53">（可单次转赠）</text>
          </view>
          <view class="image-text_11 flex-row justify-between2">
            <text class="text-group_9">
              全城通用（五年内有效，到期自动清零）
            </text>
            <view class="block_8 flex-col"></view>
          </view>
        </view>
<!--        <image src="https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/fu4.png" class="section_6"></image>-->
<!--        <view class="section_7 flex-row">-->
<!--          <view class="text-group_24 flex-col">-->
<!--            <text class="text_54">1000元洗车券</text>-->
<!--            <text class="text_55">-->
<!--              单次转赠有效，全城&nbsp;500&nbsp;余家汽车养护店均可使用，有效期两年-->
<!--            </text>-->
<!--          </view>-->
<!--        </view>-->
<!--        <image src="https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/fu5.png" class="section_8"></image>-->
<!--        <view class="section_9 flex-row">-->
<!--          <view class="text-group_25 flex-col">-->
<!--            <text class="text_56">5000元新能源汽车消费券</text>-->
<!--            <text class="text_57">-->
<!--              单次转赠有效，适用于蔚来、江淮、比亚迪等品牌新能源汽车的无门槛抵扣，合肥市区销售门店咨询详情-->
<!--            </text>-->
<!--          </view>-->
<!--        </view>-->
        <image src="https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/fu4.png" class="section_10"></image>
        <view class="section_11 flex-col">
          <text class="text_58">约&nbsp;1万元&nbsp;共享充电桩推荐现金奖励</text>
          <image
              class="image_13"
              referrerpolicy="no-referrer"
              src="https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/indirect.png"
          />
          <view class="text-group_26 flex-col">
            <text class="text_59">
              一个用户购买一台共享充电桩，奖励200元/秒到账
            </text>
            <text class="text_60">最高可推荐20台即奖励4000元</text>
          </view>
          <image
              class="image_14"
              referrerpolicy="no-referrer"
              src="https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/direct.png"
          />
          <view class="text-group_27 flex-col">
            <text class="text_61">
              一个用户购买一台共享充电桩，奖励100元/秒到账
            </text>
            <text class="text_62">最高可间接推荐60台即6000元</text>
          </view>
        </view>
        <image src="https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/fu5.png" class="section_12"></image>
        <view class="text-wrapper_13 flex-col">
          <text class="paragraph_2">
            充电服务费推荐奖励&nbsp;10%～20%\n最高可达43200元
          </text>
          <image
              class="image_13"
              referrerpolicy="no-referrer"
              src="https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/indirect.png"
          />
          <text class="text_64">
            一个用户购买一台共享充电桩，两年内产生的充电服务费收入奖励&nbsp;20%
          </text>
          <text class="text_65">
            最高可推荐20台，每台充电桩年充电服务费约2160&nbsp;元，两年约4320元，20台的20%约17280元
          </text>
          <image
              class="image_14"
              referrerpolicy="no-referrer"
              src="https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/direct.png"
          />
          <text class="text_67">
            一个用户购买一台共享充电桩，两年内产生的充电服务费收入奖励&nbsp;10%
          </text>
          <text class="text_68">
            最高可推荐60台，每台充电桩年服务费约2160元，两年4320元，60台的10%约25920元
          </text>
        </view>
        <image src="https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/fu6.png" class="section_13"></image>
        <view class="section_14 flex-row">
          <view class="text-group_28 flex-col">
            <text class="text_69">获得充电免服务费</text>
            <text class="text_70">可任意绑定一辆新能源汽车</text>
            <text class="text_71">
              五年内可省充电服务费3800元，按每周充40度电，即每年48周共需充1920度电，每度电收取0.4元充电服务费，即每年省充电服务费768元，五年内预计可省充电服务费3840元
            </text>
          </view>
        </view>
        <image src="https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/fu7.png" class="section_15"></image>
        <!--        <view class="text-wrapper_14 flex-row">-->
        <!--          <text class="text_72">福利</text>-->
        <!--          <text class="text_73">9</text>-->
        <!--        </view>-->
        <!--        <view class="text-wrapper_15 flex-row justify-between">-->
        <!--          <text class="text_74">福利</text>-->
        <!--          <text class="text_75">5</text>-->
        <!--        </view>-->
        <!--        <view class="text-wrapper_16 flex-row justify-between">-->
        <!--          <text class="text_76">福利</text>-->
        <!--          <text class="text_77">8</text>-->
        <!--        </view>-->
        <!--        <view class="text-wrapper_17 flex-row justify-between">-->
        <!--          <text class="text_78">福利</text>-->
        <!--          <text class="text_79">6</text>-->
        <!--        </view>-->
        <!--        <view class="text-wrapper_18 flex-row justify-between">-->
        <!--          <text class="text_80">福利</text>-->
        <!--          <text class="text_81">7</text>-->
        <!--        </view>-->
        <!--        <view class="text-wrapper_19 flex-row justify-between">-->
        <!--          <text class="text_82">福利</text>-->
        <!--          <text class="text_83">4</text>-->
        <!--        </view>-->
        <!--        <view class="text-wrapper_20 flex-row justify-between">-->
        <!--          <text class="text_84">福利</text>-->
        <!--          <text class="text_85">3</text>-->
        <!--        </view>-->
      </view>
      <view class="box_12 flex-col"></view>
      <view class="box_13 flex-row justify-between2">
        <view class="text-group_29 flex-col">
          <text class="text_86">免费安装及运维</text>
          <text class="text_87">含30米内线缆及基础安装</text>
        </view>
        <image
            class="image_15"
            referrerpolicy="no-referrer"
            src="https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/setting.png"
        />
      </view>
    </view>
<!--    <view class="block_9 flex-col">-->
<!--      <view class="block_bg">-->
<!--        <text class="text_99">活动合作单位</text>-->
<!--        <view class="image-wrapper_2 flex-row">-->
<!--          <image-->
<!--              class="image_17"-->
<!--              referrerpolicy="no-referrer"-->
<!--              :src="item.lanhuimage0"-->
<!--              v-for="(item, index) in loopData0"-->
<!--              :key="index"-->
<!--          />-->
<!--        </view>-->
<!--        <view class="text-group_30 flex-col">-->
<!--          <text class="text_100">活动法律顾问</text>-->
<!--          <text class="text_101">北京中银（合肥）律师事务所</text>-->
<!--        </view>-->
<!--        <text class="text_102">商务合作</text>-->
<!--        <view class="text-wrapper_24 flex-col" @click="goToCooperation">-->
<!--          <text class="text_103">点击完成合作对接</text>-->
<!--        </view>-->
<!--        <view class="line_7"></view>-->
<!--        <image-->
<!--            class="image_19"-->
<!--            referrerpolicy="no-referrer"-->
<!--            src="https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/logo.png"-->
<!--        />-->

<!--      </view>-->
<!--    </view>-->

    <view class="text-wrapper_26 flex-col">
      <text class="text_88">
        运营单位：合肥听鸽科技有限公司&nbsp;&nbsp;&nbsp;联系电话：400&nbsp;077&nbsp;4998
      </text>
    </view>
    <view class="text-wrapper_27 flex-col">
      <text class="text_90">
        每个小区仅限申请&nbsp;20&nbsp;台&nbsp;·&nbsp;每位车主限购一台
      </text>
    </view>
    <view class="block_12 flex-col">
      <view class="group_13 flex-col">
        <view class="block_14 flex-row justify-between">
          <view class="group_14 flex-col"></view>
          <view class="box_20 flex-col">
            <view class="group_22 flex-row ">
              <text class="text_91">仅需</text>
              <view class="text-wrapper_22">
                <text class="text_92">¥</text>
                <text class="text_93"> {{ activityInfo.limitFlag ? activityInfo.price : activityInfo.firstPrice }} </text>
                <!-- <text class="text_93"> 123 </text> -->
              </view>
              <text class="text_94" v-if="!activityInfo.limitFlag">¥ {{ activityInfo.price }}</text>
              <!-- <text class="text_94">¥ 123</text> -->
            </view>
            <text class="text_95">听鸽共享充电桩·五年免费换新</text>
            <text class="text_96" v-if="!activityInfo.limitFlag">{{ activityInfo.firstLimit }}台后恢复原价{{ activityInfo.price }}元</text>
            <!-- <text class="text_96">123台后恢复原价123元</text> -->
            <text :class="activityInfo.limitFlag ? 'text_97_2' : 'text_97'">
              超30米线缆每米只按40元收取基础成本费；如需立柱或吊柱每个仅收取采购成本150元
            </text>
          </view>
        </view>
        <view class="map_hide">
          <view class="box_16 flex-col">
            <!-- <image
              class="label_1"
              referrerpolicy="no-referrer"
              src="https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/ico_location.png"
          /> -->
            <!-- 替换静态图片为地图组件 -->
            <mini-map-locate ref="mapRef" :center="mapCenter"></mini-map-locate>
            <view class="text-wrapper_23 flex-col">
              <text class="text_98" v-if="plotId === null || plotId === 0">当前定位附近无小区</text>
              <text class="text_98" v-else>当前位置：{{ currentLocationName }}-仅剩{{ remainingQuota }}个名额</text>
            </view>
          </view>
        </view>
        <view class="image-text_12 flex-row justify-between" @click="goToPlotSearch">
          <text class="text-group_16">查看其他可购买位置</text>
          <image
              class="thumbnail_3"
              referrerpolicy="no-referrer"
              src="https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/ico_arrow.png"
          />
        </view>
      </view>
    </view>
    <!-- <view  class="block_13 flex-col">
      <text class="text_99">活动合作单位</text>
      <view class="image-wrapper_2 flex-row">
        <image
            class="image_17"
            referrerpolicy="no-referrer"
            :src="item.lanhuimage0"
            v-for="(item, index) in loopData0"
            :key="index"
        />
      </view>
      <view class="text-group_30 flex-col">
        <text class="text_100">活动法律顾问</text>
        <text class="text_101">北京中银（合肥）律师事务所</text>
      </view>
      <text class="text_102">商务合作</text>
      <view class="text-wrapper_24 flex-col" @click="goToCooperation">
        <text class="text_103">点击完成合作对接</text>
      </view>
                <view class="line_7"></view>
      <image
          class="image_19"
          referrerpolicy="no-referrer"
          src="@/static/images/activity_pile/logo.png"
      />


    </view> -->
    <!-- 底部操作栏 -->
    <BottomActionBar @share="showShareModal" @purchase="goToProduct"/>
  </view>

  <!-- 分享弹窗 -->
  <ShareModal
      :visible="shareModalVisible"
      :type="shareType"
      :userId="userId"
      @close="closeShareModal"
  />
</template>
<script setup>
import { ref, reactive, onMounted, computed, nextTick } from 'vue';
import { onLoad as onPageLoad, onShow, onShareAppMessage } from '@dcloudio/uni-app';
import ShareModal from '@/components/ShareModal.vue';
import BottomActionBar from '@/components/BottomActionBar.vue';
import ActivityApi from '@/api/pile/activity.js';
import PileApi from '@/api/pile/pile.js';
import DateUtils from '@/utils/dateUtils.js';
import MiniMapLocate from '@/components/mini-map-locate.vue';
import LoginUtils from '@/utils/loginUtils.js';
import CustomNavBar from '@/components/CustomNavBar.vue';

// 响应式数据
const loopData0 = ref([
  {
    lanhuimage0:
        'https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/company1.png',
  },
  {
    lanhuimage0:
        'https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/company1.png',
  },
  {
    lanhuimage0:
        'https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/company1.png',
  },
]);

// 问答数据
const showAllQuestions = ref(false);
const allQuestions = ref([]); // 所有问答数据
const currentPage = ref(1); // 当前页码
const hasMoreData = ref(true); // 是否还有更多数据
const isLoading = ref(false); // 是否正在加载

// 计算属性：控制显示的问答数量


const constants = reactive({});
const shareModalVisible = ref(false);
const shareType = ref(1);
const userId = ref(null);
const activityId = ref(null);


// 当前位置信息
const currentLocationName = ref('');
const remainingQuota = ref(0);
const plotId = ref(null);
const areaId = ref(null);
const quota = ref(null);
const quantity = ref(null);
const activityInfo = ref({});
const participateStatus = ref(null);
const mapRef = ref(null);
// 地图中心（用于支付宝）
const mapCenter = ref({})

// onMounted(() => {
//   userId.value = LoginUtils.getLoginId();

//   // 延迟获取最近的小区信息，等待地图组件初始化完成
//   setTimeout(() => {
//     getNearbyPlotInfo();
//   }, 500);

//   // 首次加载FAQ数据（3条）
//   loadFaqData(3);
// });

let isLimitLoaded = false; // 标志位：是否已经加载过限购信息

onShow(() => {
  userId.value = LoginUtils.getLoginId();
  loadFaqData(3);

  const pages = getCurrentPages();
  const currentPage = pages[pages.length - 1];

  if (currentPage.options?.fromSearch) {
    const locationData = {
      community: decodeURIComponent(currentPage.options.community || ''),
      latitude: parseFloat(currentPage.options.latitude || 0),
      longitude: parseFloat(currentPage.options.longitude || 0)
    };

    if (locationData.latitude && locationData.longitude) {
      updateLocationFromSearch(locationData);
      delete currentPage.options.fromSearch;
      isLimitLoaded = true; // ✅ 标记已加载
      return;
    }
  }

  // ✅ 只有在没加载过的情况下才执行
  if (!isLimitLoaded) {
    setTimeout(() => {
      getNearbyPlotInfo();
      isLimitLoaded = true;
    }, 500);
  }
});

// 方法定义
const loadActivityData = async () => {
  try {
    if (!activityId.value) return;

    // 并行调用两个接口
    const [activityInfoResult, participateStatusResult] = await Promise.all([
      ActivityApi.getActivityInfo(activityId.value),
      ActivityApi.getParticipateStatus(activityId.value)
    ]);

    activityInfo.value = activityInfoResult;
    //模拟一些activityInfo的数据
    // activityInfo.value.price= 123;
    // activityInfo.value.firstPrice=100;
    // activityInfo.value.firstLimit=10;

    participateStatus.value = participateStatusResult;
  } catch (error) {
    console.error('加载活动数据失败:', error);
    uni.showToast({
      title: '加载活动信息失败',
      icon: 'none'
    });
  }
};

const showShareModal = () => {
  let toLogin = LoginUtils.checkStatusToLogin();
  if (!toLogin){
    return false;
  }

  shareType.value = 1; // 活动分享
  shareModalVisible.value = true;

  // 异步调用
  ActivityApi.distributeInit(activityId.value);
};

const closeShareModal = () => {
  shareModalVisible.value = false;
};

// 展开全部问答
// 加载FAQ数据
const loadFaqData = async (pageSize = 10) => {
  if (isLoading.value || !hasMoreData.value) return;

  try {
    isLoading.value = true;

    const data = await ActivityApi.getFaqList({
      type: 1,
      pageNo: currentPage.value,
      pageSize: pageSize
    });
    console.log(data);
    if (data) {
      // 将新数据追加到现有数据中
      allQuestions.value = [...allQuestions.value, ...data];

      // 更新分页信息
      currentPage.value++;
      hasMoreData.value = data.length === pageSize;
      console.log(`FAQ数据加载完成，当前共${allQuestions.value.length}条`);
    } else {
      hasMoreData.value = false;
    }
  } catch (error) {
    console.error('加载FAQ数据失败:', error);
    uni.showToast({
      title: '加载问答数据失败',
      icon: 'none'
    });
  } finally {
    isLoading.value = false;
  }
};

// 展开全部问答
const expandAllQuestions = async () => {
  console.log('expandAllQuestions', hasMoreData.value, showAllQuestions.value);
  if (hasMoreData.value) {
    // 有更多数据时，加载更多数据并设置为展开状态
    await loadFaqData(10); // 每次加载10条
    showAllQuestions.value = true;
  } else if (showAllQuestions.value) {
    // 没有更多数据且当前是展开状态时，收起到初始3条状态
    showAllQuestions.value = false;
    // 重置到初始状态：重新加载前3条数据
    allQuestions.value = [];
    currentPage.value = 1;
    hasMoreData.value = true;
    isLoading.value = false; // 确保加载状态为false
    await loadFaqData(3); // 重新加载前3条
  }
};

const goToProduct = () => {
  let toLogin = LoginUtils.checkStatusToLogin();
  if (!toLogin){
    return false;
  }


  //检查参与状态
  // if (participateStatus.value >= 1) {
  //   uni.showToast({
  //     title: '您已参与过当前活动',
  //     icon: 'none'
  //   });
  //   setTimeout(() => {
  //     uni.navigateTo({
  //       url: `/pages/activity/shared-pile/index`
  //     });
  //   }, 1000);
  //   return;
  // }

  // 获取当前地图位置信息
  let latitude = null; // 默认纬度
  let longitude = null; // 默认经度

  const mapComponent = mapRef.value;
  if (mapComponent) {
    latitude = mapComponent.latitude || latitude;
    longitude = mapComponent.longitude || longitude;
  }
  // 构建URL参数，包含plotId、areaId、quota、quantity、currentLocationName和经纬度
  const params = {
    productId: activityInfo.value.productId,
    activityId: activityId.value,
    plotId: plotId.value,
    areaId: areaId.value,
    quota: quota.value,
    quantity: quantity.value,
    currentLocationName: encodeURIComponent(currentLocationName.value),
    latitude: mapCenter.value.latitude,
    longitude: mapCenter.value.longitude
  };

  // 过滤掉null值的参数
  const filteredParams = Object.entries(params)
      .filter(([key, value]) => value !== null && value !== undefined)
      .map(([key, value]) => `${key}=${value}`)
      .join('&');

  uni.navigateTo({
    url: `/pages/activity/product?${filteredParams}`
  });
};

const goToCooperation = () => {
  uni.navigateTo({
    url: `/pages/activity/cooperation?activityId=${activityId.value}`
  });
};

const goToPlotSearch = () => {
  // 获取地图组件的经纬度
  const mapComponent = mapRef.value;
  if (mapComponent) {
    // 从地图组件获取当前位置信息
    const latitude = mapComponent.latitude;
    const longitude = mapComponent.longitude;
    const community = currentLocationName.value; // 使用当前显示的小区名称

    uni.navigateTo({
      url: `/pages/activity/plot-search?community=${encodeURIComponent(community)}&latitude=${latitude}&longitude=${longitude}`
    });
  } else {
    // 如果地图组件未加载，使用当前显示的小区名称
    const community = currentLocationName.value;
    const latitude = 31.8206;
    const longitude = 117.2272;

    uni.navigateTo({
      url: `/pages/activity/plot-search?community=${encodeURIComponent(community)}&latitude=${latitude}&longitude=${longitude}`
    });
  }
};

// 获取小区限额信息
const getPlotLimitInfo = async (plotName) => {
  try {
    const result = await PileApi.getPlotLimit(plotName);
    if (result && result.quota !== undefined && result.quantity !== undefined) {
      // 存储plotId、areaId、quota和quantity数据
      plotId.value = result.plotId;
      areaId.value = result.areaId;
      quota.value = result.quota;
      quantity.value = result.quantity;
      // 剩余名额 = 限购数量 - 已购数量
      remainingQuota.value = result.quota - result.quantity;
    }
  } catch (error) {
    console.error('获取小区限额信息失败:', error);
  }
};

// 获取最近的小区信息
const getNearbyPlotInfo = async () => {
  // 1. 默认值
  let latitude = 31.8206
  let longitude = 117.2272
  let plotName = '小区'

  // 2. 包装定位
  const getLocation = () =>
      new Promise((resolve) => {
        uni.getLocation({
          type: 'gcj02',
          success: (res) => resolve(res),
          fail: () => resolve(null) // 失败也 resolve，只是返回 null
        })
      })

  // 3. 真正等待定位结果
  const loc = await getLocation()
  if (loc) {
    latitude = loc.latitude
    longitude = loc.longitude
  }

  // 4. 无论成功失败，这里一定是“最终”坐标
  try {
    const result = await PileApi.getNearbyPlot(plotName, longitude, latitude)
    console.log('getNearbyPlot: ', result)


    if (result?.plotId === 0) {
      return false;
    }
    currentLocationName.value = result.plotName
    await getPlotLimitInfo(result.plotName)
    // }
  } catch (error) {
    console.error('获取最近小区信息失败:', error)
  }
};

// 接收从搜索页面返回的位置数据
const updateLocationFromSearch = async (locationData) => {
  console.log('接收到搜索页面返回的数据:', locationData);
  console.log('mapRef:', mapRef);
  jumpMap(locationData.latitude, locationData.longitude);
  // addMarker(locationData.latitude, locationData.longitude);
  // if (mapRef.value && mapRef.value.setLocation) {
  //   mapRef.value.setLocation(locationData.latitude, locationData.longitude);
  // }
  // 更新当前位置名称
  currentLocationName.value = locationData.community;

  // 获取新位置的剩余名额
  await getPlotLimitInfo(locationData.community);

  // 显示切换成功提示
  uni.showToast({
    title: `已切换`,
    icon: 'success'
  });
};
// 更新地图位置
// 统一封装「让地图跳到指定点」
const jumpMap = (lat, lng) => {
  // 支付宝：数据驱动
  console.log('channel', LoginUtils.getChannel());
  if (LoginUtils.getChannel() === 0) {
    // 支付宝：数据驱动
    console.log('支付宝：数据驱动', lat, lng);
    mapCenter.value = { latitude: lat, longitude: lng }
  } else {
    // 微信：继续走 ref
    nextTick(() => {
      if (mapRef.value?.setLocation) {
        mapRef.value.setLocation(lat, lng)
      }
    })
  }
}
// 格式化活动日期
const formatActivityDate = () => {
  if (!activityInfo.value || !activityInfo.value.startTime || !activityInfo.value.endTime) {
    return '2025.09.01\u00A0至\u00A02025.11.31'; // 默认显示
  }

  return DateUtils.formatDateRange(activityInfo.value.startTime, activityInfo.value.endTime);
};

// 页面生命周期
onPageLoad((options) => {
  userId.value = LoginUtils.getLoginId();
  console.log("页面参数", options);

  // 接收URL携带的id参数
  activityId.value = options.activityId ? Number(options.activityId) : 1;
  loadActivityData();

  // 获取当前位置的剩余名额
  getPlotLimitInfo(currentLocationName.value);
});

// 微信小程序分享处理
// const onShareAppMessage = () => {
//   let path = `/pages/activity/index?inviterId=${userId.value}&activityId=${activityId.value}`;
//   return {
//     title: '邀请你使用听鸽共享充电桩',
//     path: path,
//     desc: '邀请你使用听鸽共享充电桩',
//     imageUrl: 'https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/share/share.png', // 可以设置分享图片
//     bgImgUrl: 'https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/share/share.png',
//
//   };
// };
onShareAppMessage((res) => {
  let path = `/pages/activity/index?inviterId=${userId.value}&activityId=${activityId.value}`;
  let channel = LoginUtils.getChannel();
  let imageUrl = 'https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/share/share%402x.png';
  if (channel === 0) {
    // 支付宝
    imageUrl = 'https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/logo/180x180.png';
  }
  console.log(path)
  return {
    title: '邀请你使用听鸽共享充电桩',
    path: path,
    desc: '邀请你使用听鸽共享充电桩',
    imageUrl:imageUrl, // 可以设置分享图片
    bgImgUrl: 'https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/share/share%402x.png',

  };
})
// 暴露方法给外部组件访问
defineExpose({
  updateLocationFromSearch
  // onShareAppMessage
});
</script>




<style scoped>

page, view {
  box-sizing: border-box;
  flex-shrink: 0;
}
page {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
  Arial, PingFang SC-Light, Microsoft YaHei;
  margin: 0;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-start {
  display: flex;
  justify-content: flex-start;
}
.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.justify-between {
  display: flex;
  justify-content: space-evenly;
}
.justify-between2 {
  display: flex;
  justify-content: space-between;
}
.justify-between-qa {
  display: flex;
  /* justify-content: space-between; */
}
.justify-betweens {
  display: flex;
  justify-content: left;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-end {
  display: flex;
  align-items: flex-end;
}


.page {
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  width: 100%;
  height: 100%;
  /* height: 4408px; */
  overflow: hidden;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 70px;
}

.block_1 {
  background-image: url('https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/bg_top%402x%20%281%29.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0 7px 130px 8px;
}

.group_1 {
}

.group_2 {
  padding: 15px 14px 9px 38px;
}

.text-wrapper_1 {
  width: 27px;
  height: 20px;
  overflow-wrap: break-word;
  font-size: 0;
  letter-spacing: -0.2800000011920929px;
  font-family: Helvetica;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 19px;
}

.text_1 {
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 14px;
  font-family: Helvetica;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 19px;
}

.text_2 {
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 14px;
  font-family: Helvetica;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 19px;
}

.thumbnail_1 {
  width: 17px;
  height: 11px;
  margin: 3px 0 6px 228px;
}

.thumbnail_2 {
  width: 15px;
  height: 11px;
  margin: 2px 0 7px 5px;
}

.image_1 {
  width: 25px;
  height: 12px;
  margin: 2px 0 6px 6px;
}

.image_2 {
  width: 362px;
  height: 27px;
  margin: 4px 3px 0 10px;
}

.image_3 {
  width: 235px;
  height: 25px;
  margin: 25px 71px 0 69px;
}

.image_4 {
  width: 317px;
  height: 106px;
  margin: 28px 30px 0 28px;
}

.group_3 {
  position: relative;
  background: url('https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/bg2.png')
  100% no-repeat;
  background-size: 100% 100%;
  margin: 28px 23px 0 22px;
  padding: 18px 27px 59px 28px;
}

.text-wrapper_25 {
  width: 480rpx;
}

.text_3 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 20px;
  letter-spacing: 1.5px;
  font-family: DOUYINSANSBOLD-GB;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 24px;
}

.text_4 {
  background-image: linear-gradient(
      180deg,
      rgba(255, 251, 238, 1) 0,
      rgba(161, 255, 226, 1) 100%
  );
  overflow-wrap: break-word;
  color: rgba(255, 234, 174, 1);
  font-size: 20px;
  letter-spacing: 1.5px;
  font-family: DOUYINSANSBOLD-GB;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text_5 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 10px;
  font-weight: normal;
  text-align: left;
  line-height: 20px;
  align-self: center;
  margin-top: 23px;
}

.text_6 {
  position: absolute;
  left: 70px;
  top: 49px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 10px;
  font-weight: normal;
  text-align: left;
  line-height: 20px;
}

.block_2 {
  background-color: rgba(200, 248, 220, 1);
  position: relative;
  margin-top: 512px;
  padding: 1512px 10px 14px 10px;
}

.box_1 {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  border: 0.8px solid rgba(255, 255, 255, 1);
  padding: 25rpx 0 7.2px 15.2px;
}

.text_7 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 22px;
  font-family: AlibabaPuHuiTiB;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 30px;
  margin: 0 141px 0 126px;
}

.text_8 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 13px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 24px;
  /* margin: 2px 8px 0 133px; */
}

.text_9 {
  overflow-wrap: break-word;
  color: rgba(250, 87, 29, 1);
  font-size: 14px;
  font-family: AlibabaPuHuiTiB;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 24px;
  margin: 8px 190px 0 0;
}

.text_10 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 13px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin: 0 223px 0 11px;
}

.text_11 {
  overflow-wrap: break-word;
  color: rgba(250, 87, 29, 1);
  font-size: 14px;
  font-family: AlibabaPuHuiTiB;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin: 8px 299px 0 0;
}

.text_12 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 13px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin: 0 38px 0 12px;
}

.image-text_7 {
  width: 640rpx;
  margin: 8px -10px 0 0;
}

.text-group_18 {
  margin-bottom: 17px;
}

.text_13 {
  overflow-wrap: break-word;
  color: rgba(250, 87, 29, 1);
  font-size: 14px;
  font-family: AlibabaPuHuiTiB;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin-right: 142px;
}

.text_14 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 13px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin-left: 12px;
}

.text_15 {
  overflow-wrap: break-word;
  color: rgba(122, 122, 124, 1);
  font-size: 11px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 16px;
  margin: 3px 41px 0 8px;
}

.section_1 {
  background-image: url('https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/car.png');
  width: 170rpx;
  height: 122rpx;
  margin-top: 12px;
}

.box_2 {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  border: 0.8px solid rgba(255, 255, 255, 1);
  margin-top: 16px;
  padding: 11.2px 7.2px 11.2px 9.2px;
}

.box_17 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.text-group_19 {
  text-align: center;
}

.text_16 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 22px;
  font-family: AlibabaPuHuiTiB;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 30px;
}

.text_17 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 24px;
  margin-top: 2px;
}

.box_18 {
  width: 650rpx;
  margin: 8px 2px 0 0;
}

.block_3 {
  background-color: #FAEEE1;
  border-radius: 7px;
  backdrop-filter: blur(10px);
  background-size: 100% 100%;
  margin: 20px 0 13px 0;
  padding: 12px 7px 19px 15rpx;
  margin-right: 10rpx;
}

/* .text-group_20 {
} */

.text_18 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 19px;
  font-family: AlibabaPuHuiTiM;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 26px;
  margin: 0 13px 0 9px;
}

.text_19 {
  width: 82px;
  height: 96px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 11px;
  font-weight: normal;
  text-align: left;
  line-height: 16px;
  margin-top: 6px;
}

.block_4 {
  background-color: #FAEEE1;
  border-radius: 7px;
  backdrop-filter: blur(10px);
  background-size: 100% 100%;
  margin: 20px 0 13px 0;
  padding: 12px 7px 51px 15rpx;
  margin-right: 10rpx;
}

.text-group_21 {
}

.text_20 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 19px;
  font-family: AlibabaPuHuiTiM;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 26px;
  margin: 0 4px 0 1px;
}

.text_21 {
  width: 82px;
  height: 64px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 11px;
  font-weight: normal;
  text-align: left;
  line-height: 16px;
  margin-top: 6px;
}

.block_5 {
  background: #F9622D;
  border-radius: 7px;
  background-size: 100% 100%;
  padding-bottom: 14px;
  width:250rpx;
}

.image-text_8 {
}

.group_4 {
  background: linear-gradient( 180deg, rgba(255,68,6,0) 0%, #C03900 100%);
  border-radius: 7px 7px 0px 0px;

  opacity: 1;
  background-size: 100% 100%;
  padding: 10px 17px 13px 16px;
  width: 250rpx;
}

.text_22 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 23px;
  font-family: AlibabaPuHuiTiB;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 31px;
  margin: 0 16px 0 20rpx;
}

.image_5 {
  width: 107px;
  height: 11px;
  margin-top: 7px;
}

.text-group_5 {
  width: 200rpx;
  height: 96px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 11px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  line-height: 16px;
  margin: 10px 14px 0 15px;
  opacity: 0.9;
}

.box_3 {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  border: 0.8px solid rgba(255, 255, 255, 1);
  margin-top: 16px;
  padding: 15.2px 7.2px 19.2px 11.2px;
}

.text_23 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 22px;
  font-family: AlibabaPuHuiTiB;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 30px;
  /* margin-left: 220px; */
}

.group_16 {
  width: 218px;
  margin: 12px 132px 0 0;
}

.text-wrapper_3 {
  background-color: rgba(248, 144, 108, 1);
  border-radius: 6px;
  padding: 3px 5px 3px 4px;
}

.text_24 {
  overflow-wrap: break-word;
  color: rgba(255, 254, 254, 1);
  font-size: 12px;
  font-family: DOUYINSANSBOLD-GB;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 15px;
}

.text_25 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: AlibabaPuHuiTiM;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
  margin-top: 2px;
}

.group_17 {
  width: 338px;
  margin: 11px 12px 0 0;
}

.text-wrapper_4 {
  box-shadow: 0px 0px 4px 0px rgba(227, 72, 72, 0.1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 6px;
  margin-bottom: 35px;
  padding: 3px 5px 3px 4px;
}

.text_26 {
  overflow-wrap: break-word;
  color: rgba(246, 79, 18, 1);
  font-size: 12px;
  font-family: DOUYINSANSBOLD-GB;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 15px;
}

.paragraph_1 {
  width: 309px;
  height: 54px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  line-height: 17px;
  margin-top: 2px;
}

.line_6 {
  width: 640rpx;
  height: 1px;
  margin: 11px 4px 0 0;
  border: 1px solid #E1E1E1;
}
.line_7{
  height: 1px;
  margin: 11px 4px 0 0;
  border: 1px solid #E1E1E1;
}

.group_18 {
  width: 640rpx;
  margin: 16px 13px 0 0;
}

.text-wrapper_5 {
  background-color: rgba(248, 144, 108, 1);
  border-radius: 6px;
  padding: 3px 5px 3px 4px;
  flex-shrink: 0;
  width: 20px;
  height:20px;
}

.text_27 {
  overflow-wrap: break-word;
  color: rgba(255, 254, 254, 1);
  font-size: 12px;
  font-family: DOUYINSANSBOLD-GB;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 15px;
}

.text_28 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: AlibabaPuHuiTiM;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
  margin-top: 2px;
}
.text_281 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: AlibabaPuHuiTiM;
  font-weight: normal;
  text-align: left;
  white-space: normal;
  word-wrap: break-word;
  line-height: 17px;
  margin-top: 2px;
  padding-left: 10px;
  width: calc(100% - 40px);
}
.group_19 {
  width: 640rpx;
  margin: 11px 12px 0 0;
}

.text-wrapper_6 {
  box-shadow: 0px 0px 4px 0px rgba(227, 72, 72, 0.1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 6px;
  margin-bottom: 32px;
  padding: 3px 5px 3px 4px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.text_29 {
  overflow-wrap: break-word;
  color: rgba(246, 79, 18, 1);
  font-size: 12px;
  font-family: DOUYINSANSBOLD-GB;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 15px;
}

.text_30 {
  width: 309px;
  height: 51px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  line-height: 17px;
  margin-top: 2px;
}
.text_301 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  white-space: normal;
  word-wrap: break-word;
  line-height: 17px;
  margin-top: 2px;
  padding-left:10px;
  width: calc(100% - 40px);
}

.image_7 {
  width: 346px;
  height: 1px;
  margin: 16px 4px 0 0;
}

.group_20 {
  width: 338px;
  margin: 13px 12px 0 0;
}

.group_21 {
  margin: 3px 0 66px 0;
}

.text-wrapper_7 {
  background-color: rgba(248, 144, 108, 1);
  border-radius: 6px;
  padding: 3px 5px 3px 4px;
}

.text_31 {
  overflow-wrap: break-word;
  color: rgba(255, 254, 254, 1);
  font-size: 12px;
  font-family: DOUYINSANSBOLD-GB;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 15px;
}

.text-wrapper_8 {
  box-shadow: 0px 0px 4px 0px rgba(227, 72, 72, 0.1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 6px;
  margin-top: 20px;
  padding: 3px 5px 3px 4px;
}

.text_32 {
  overflow-wrap: break-word;
  color: rgba(246, 79, 18, 1);
  font-size: 12px;
  font-family: DOUYINSANSBOLD-GB;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 15px;
}

.text-group_22 {
}

.text_33 {
  width: 309px;
  height: 34px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: AlibabaPuHuiTiM;
  font-weight: normal;
  text-align: left;
  line-height: 17px;
}

.text_34 {
  width: 309px;
  height: 85px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  line-height: 17px;
  margin-top: 12px;
}

.text-wrapper_9 {
  /* 100% no-repeat; */
  background: #E5F9F1;
  border-radius: 7px;
  background-size: 100% 100%;
  margin: 12px 4px 0 0;
  padding: 6px 6px 6px 6px;
}

.text_35 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: AlibabaPuHuiTiM;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 17px;
}

.box_4 {
  position: absolute;
  left: 10px;
  top: -388px;
  width: 710rpx;
  height: 1650rpx;
  /*background: url(https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/bg11.png)*/
  /*100% no-repeat;*/
  /*background-size: 100% 100%;*/
  background: linear-gradient( 180deg, #09D5A9 0%, #15D7AD 23%, #81E6D0 100%);
  border-radius: 10px 10px 0px 0px;
  padding: 16px 10px 0 10px;
  z-index: 20;
}

.text_36 {
  background-image: linear-gradient(
      180deg,
      rgba(255, 255, 255, 1) 0,
      rgba(207, 255, 242, 1) 100%
  );
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 19px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 30px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 110rpx 0 97px;
}

.image_8 {
  width: 620rpx;
  height: 55px;
  margin: 0px 10px 0 12px;
}

.box_5 {
  width: 132px;
  height: 30px;
  align-self: center;
  margin-top: 11px;
  margin-bottom: -20px;
  z-index: 10;
  position: relative;
}

.box_6 {
  background: rgba(255, 255, 255, 0.85);
  border-radius: 10px;
  background-size: 100% 100%;
  padding: 23px 13px 0 50px;
}

.image-text_9 {
  width: 262px;
}

.text-group_23 {
  margin: 9px 0 21px 0;
}

.text_37 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 21px;
  font-family: AlibabaPuHuiTiB;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 29px;
  margin: 0 35px 0 39px;
}

.text_38 {
  overflow-wrap: break-word;
  color: rgba(87, 87, 87, 1);
  font-size: 13px;
  font-family: AlibabaPuHuiTiM;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin-top: 4px;
}

.image_9 {
  width: 62px;
  height: 87px;
}

.box_7 {
  width: 132px;
  height: 30px;
  align-self: center;
  margin-top: 11px;
  margin-bottom: -20px;
  z-index: 10;
  position: relative;
}

.box_8 {
  background: rgba(255, 255, 255, 0.85);
  border-radius: 10px;
  background-size: 100% 100%;
  padding: 16px 10px 12px 10px;
}

.box_9 {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  border: 0.8px solid rgba(255, 255, 255, 1);
  padding: 19.2px 9.2px 11.2px 9.2px;
}

.text_39 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 20px;
  font-family: AlibabaPuHuiTiB;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 27px;
  margin: 0 7px 0 0px;
}

.image-text_10 {
  width: 309px;
  margin: 8px 1px 0 0;
}

.box_19 {
  margin: 9px 0 9px 0;
}

.block_6 {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.block_7 {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-top: 18px;
}

.text-group_8 {
  width: 297px;
  height: 48px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 25rpx;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  line-height: 24px;
}

.text_40 {
  overflow-wrap: break-word;
  color: rgba(122, 122, 124, 1);
  font-size: 20rpx;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 20px;
  margin: 6px 6px 0 0;
}

.section_16 {
  width: 600rpx;
  margin-top: 11px;
}

.image_10 {
  width: 124px;
  height: 1px;
  margin: 8px 0 8px 0;
}

.text_41 {
  overflow-wrap: break-word;
  color: rgba(87, 87, 87, 1);
  font-size: 13px;
  font-family: HYk2gj;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
}

.image_11 {
  width: 124px;
  height: 1px;
  margin: 8px 0 8px 0;
}

.text_42 {
  width: 600rpx;
  height: 48px;
  overflow-wrap: break-word;
  color: rgba(122, 122, 124, 1);
  font-size: 11px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  line-height: 16px;
  margin-top: 9px;
}

.box_10 {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  border: 0.8px solid rgba(255, 255, 255, 1);
  margin-top: 8px;
  padding: 11.2px 3.2px 9.2px 17.2px;
}

.image_12 {
  width: 56px;
  height: 12px;
  margin: 0 251px 0 1px;
}

.text_43 {
  overflow-wrap: break-word;
  color: rgba(87, 87, 87, 1);
  font-size: 18px;
  font-family: AlibabaPuHuiTiB;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 25px;
  margin: 9px 120px 0 0;
}

.text_44 {
  width: 590rpx;
  height: 34px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: AlibabaPuHuiTiM;
  font-weight: normal;
  text-align: left;
  line-height: 17px;
  margin-top: 8px;
}

.text_45 {
  width: 590rpx;
  height: 48px;
  overflow-wrap: break-word;
  color: rgba(122, 122, 124, 1);
  font-size: 11px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  line-height: 16px;
  margin: 4px 12px 0 0;
}

.text_46 {
  width: 590rpx;
  height: 34px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: AlibabaPuHuiTiM;
  font-weight: normal;
  text-align: left;
  line-height: 17px;
  margin: 10px 11px 0 0;
}

.text_47 {
  width: 590rpx;
  height: 64px;
  overflow-wrap: break-word;
  color: rgba(122, 122, 124, 1);
  font-size: 11px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  line-height: 16px;
  margin: 6px 12px 0 0;
}

.text-wrapper_10 {
  background-color: rgba(250, 87, 29, 1);
  border-radius: 0px 0px 12px 12px;
  position: absolute;
  left: 130px;
  top: 249px;
  width: 112px;
  height: 30px;
  padding: 0 25px 3px 27px;
}

.text_48 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 21px;
  letter-spacing: 0.9545454382896423px;
  font-family: HYk1gj;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin-top: 4px;
}

.text_49 {
  height: 30px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  letter-spacing: 1.3636363744735718px;
  font-family: FZBANGSHUXINGJW--GB1-0;
  text-align: right;
  white-space: nowrap;
  line-height: 34px;
  margin-top: -3px;
}

.text-wrapper_11 {
  border-radius: 0px 0px 12px 12px;
  background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/bec59c5edf9848238d549d49ecc83472_mergeImage.png);
  height: 30px;
  width: 112px;
  position: absolute;
  left: 130px;
  top: 118px;
}

.text_50 {
  height: 30px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  letter-spacing: 1.3636363744735718px;
  font-family: FZBANGSHUXINGJW--GB1-0;
  text-align: right;
  white-space: nowrap;
  line-height: 34px;
  margin: -2px 21px 2px 69px;
}

.text_51 {
  position: absolute;
  left: 204px;
  top: 52px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 49px;
  letter-spacing: 2.2272727489471436px;
  font-family: FZBANGSHUXINGJW--GB1-0;
  text-align: right;
  white-space: nowrap;
  line-height: 55px;
}

.box_11 {
  position: absolute;
  left: 10px;
  top: 400px;
  width: 710rpx;
  height: 1032px;
  /*background: url(https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/bg12.png)*/
  /*100% no-repeat;*/
  /*background-size: 100% 100%;*/
  background: linear-gradient(180deg, #81E6D0 0%, #09D5A9 100%);
  border-radius: 0px 0px 10px 10px ;

  /*backdrop-filter: blur(10px);*/
  padding: 15px 10px 70px 10px;

}

.section_4 {
  width: 132px;
  height: 30px;
  align-self: center;
  margin-bottom: -20px;
  z-index: 21;
  position: relative;
}

.section_5 {
  background: rgba(255, 255, 255, 0.85);
  border-radius: 10px;
  background-size: 100% 100%;
  padding: 38px 7px 14px 16px;
  z-index: 20;
}

.text-wrapper_12 {
  /* width: 600rpx; */
  height: 25px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: AlibabaPuHuiTiB;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 25px;
  /* margin-right: 42px; */
}

.text_52 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 18px;
  font-family: AlibabaPuHuiTiB;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 25px;
}

.text_53 {
  overflow-wrap: normal;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  line-height: 25px;
}

.image-text_11 {
  width: 327px;
  margin-top: 1px;
}

.text-group_9 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 13px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin-top: 4px;
}

.block_8 {
  background-image: url('https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/quan.png');
  width: 70px;
  height: 40px;
}

.section_6 {
  width: 132px;
  height: 30px;
  align-self: center;
  margin-top: 10px;
  margin-bottom: -20px;
  z-index: 10;
  position: relative;
}

.section_7 {
  /* background: url(https://lanhu-oss-proxy.lanhuapp.com/SketchPng609beb1b244eb181745d110585de2e6e62a7aed38730d43ae3ac45d77cafd116) */
  background: rgba(255, 255, 255, 0.85);
  border-radius: 10px;
  /* 100% no-repeat; */
  padding: 38px 19px 26px 16px;
}

.text-group_24 {
}

.text_54 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 18px;
  font-family: AlibabaPuHuiTiB;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 25px;
  margin-right: 201px;
}

.text_55 {
  width: 315px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 13px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  line-height: 20px;
  margin-top: 7px;
}

.section_8 {
  width: 132px;
  height: 30px;
  align-self: center;
  margin-top: 9px;
  margin-bottom: -20px;
  z-index: 10;
  position: relative;
}

.section_9 {
  background: rgba(255, 255, 255, 0.85);
  border-radius: 10px;
  background-size: 100% 100%;
  padding: 38px 19px 26px 16px;
}

.text-group_25 {
}

.text_56 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 18px;
  font-family: AlibabaPuHuiTiB;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 25px;
  margin-right: 113px;
}

.text_57 {
  width: 600rpx;
  height: 48px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 13px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  line-height: 24px;
  margin-top: 7px;
}

.section_10 {
  width: 132px;
  height: 30px;
  align-self: center;
  margin-top: 9px;
  margin-bottom: -20px;
  z-index: 10;
  position: relative;
}

.section_11 {
  background: rgba(255, 255, 255, 0.85);
  border-radius: 10px;
  background-size: 100% 100%;
  padding: 38px 38px 23px 16px;
}

.text_58 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 18px;
  font-family: AlibabaPuHuiTiB;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 25px;
  margin-right: 28px;
}

.image_13 {
  width: 50px;
  height: 12px;
  margin: 12px 245px 0 1px;
}

.text-group_26 {
  margin-top: 5px;
}

.text_59 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 13px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
}

.text_60 {
  overflow-wrap: break-word;
  color: rgba(122, 122, 124, 1);
  font-size: 11px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 16px;
  margin: 2px 149px 0 0;
}

.image_14 {
  width: 50px;
  height: 12px;
  margin: 19px 245px 0 1px;
}

.text-group_27 {
  margin-top: 5px;
}

.text_61 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 13px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
}

.text_62 {
  overflow-wrap: break-word;
  color: rgba(122, 122, 124, 1);
  font-size: 11px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 16px;
  margin: 2px 149px 0 0;
}

.section_12 {
  width: 132px;
  height: 30px;
  align-self: center;
  margin-top: 9px;
  margin-bottom: -20px;
  z-index: 10;
  position: relative;
}

.text-wrapper_13 {
  background: url(https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/bg13.png)
  100% no-repeat;
  background-size: 100% 100%;
  padding: 38px 23px 23px 16px;
}

.paragraph_2 {
  width: 850rpx;
  height: 50px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 18px;
  font-family: AlibabaPuHuiTiB;
  font-weight: normal;
  text-align: left;
  line-height: 25px;
  margin-right: 56px;
}

.text_63 {
  overflow-wrap: break-word;
  color: rgba(250, 87, 29, 1);
  font-size: 13px;
  font-family: HYk1gj;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
  margin: 10px 259px 0 0;
}

.text_64 {
  width: 311px;
  height: 48px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 13px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  line-height: 24px;
  margin-top: 2px;
}

.text_65 {
  width: 600rpx;
  height: 32px;
  overflow-wrap: break-word;
  color: rgba(122, 122, 124, 1);
  font-size: 11px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  line-height: 16px;
  margin-top: 2px;
}

.text_66 {
  overflow-wrap: break-word;
  color: rgba(250, 87, 29, 1);
  font-size: 13px;
  font-family: HYk1gj;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
  margin: 17px 259px 0 0;
}

.text_67 {
  width: 311px;
  height: 48px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 13px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  line-height: 24px;
  margin-top: 2px;
}

.text_68 {
  width: 311px;
  height: 32px;
  overflow-wrap: break-word;
  color: rgba(122, 122, 124, 1);
  font-size: 11px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  line-height: 16px;
  margin-top: 2px;
}

.section_13 {
  width: 132px;
  height: 30px;
  align-self: center;
  margin-top: 9px;
  margin-bottom: -20px;
  z-index: 10;
  position: relative;
}

.section_14 {
  background: rgba(255, 255, 255, 0.85);
  border-radius: 10px;
  background-size: 100% 100%;
  padding: 38px 23px 23px 16px;
}

.text-group_28 {
}

.text_69 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 18px;
  font-family: AlibabaPuHuiTiB;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 25px;
  margin-right: 169px;
}

.text_70 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 13px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin: 7px 151px 0 0;
}

.text_71 {
  width: 600rpx;
  height: 48px;
  overflow-wrap: break-word;
  color: rgba(122, 122, 124, 1);
  font-size: 11px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  line-height: 16px;
  margin-top: 7px;
}

.section_15 {
  width: 132px;
  height: 30px;
  align-self: center;
  margin-top: 24rpx;
  margin-bottom: -20px;
  z-index: 10;
  position: relative;
}

.text-wrapper_14 {
  background-color: rgba(250, 87, 29, 1);
  border-radius: 0px 0px 12px 12px;
  position: absolute;
  left: 130px;
  top: 1292px;
  width: 112px;
  height: 30px;
  padding: 0 23px 2px 27px;
}

.text_72 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 22px;
  letter-spacing: 1px;
  font-family: HYk2gj;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 22px;
  margin-top: 4px;
}

.text_73 {
  height: 30px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  letter-spacing: 1.3636363744735718px;
  font-family: FZBANGSHUXINGJW--GB1-0;
  text-align: right;
  white-space: nowrap;
  line-height: 34px;
  margin: -2px 0 0 -1px;
}

.text-wrapper_15 {
  background-color: rgba(250, 87, 29, 1);
  border-radius: 0px 0px 12px 12px;
  position: absolute;
  left: 130px;
  top: 328px;
  width: 112px;
  height: 30px;
  padding: 0 24px 2px 27px;
}

.text_74 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 21px;
  letter-spacing: 0.9545454382896423px;
  font-family: HYk1gj;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin-top: 4px;
}

.text_75 {
  height: 30px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  letter-spacing: 1.3636363744735718px;
  font-family: FZBANGSHUXINGJW--GB1-0;
  text-align: right;
  white-space: nowrap;
  line-height: 34px;
  margin-top: -2px;
}

.text-wrapper_16 {
  background-color: rgba(250, 87, 29, 1);
  border-radius: 0px 0px 12px 12px;
  position: absolute;
  left: 130px;
  top: 1104px;
  width: 112px;
  height: 30px;
  padding: 0 24px 2px 27px;
}

.text_76 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 21px;
  letter-spacing: 0.9545454382896423px;
  font-family: HYk1gj;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin-top: 4px;
}

.text_77 {
  height: 30px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  letter-spacing: 1.3636363744735718px;
  font-family: FZBANGSHUXINGJW--GB1-0;
  text-align: right;
  white-space: nowrap;
  line-height: 34px;
  margin-top: -2px;
}

.text-wrapper_17 {
  background-color: rgba(250, 87, 29, 1);
  border-radius: 0px 0px 12px 12px;
  position: absolute;
  left: 130px;
  top: 491px;
  width: 112px;
  height: 30px;
  padding: 0 24px 2px 27px;
}

.text_78 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 21px;
  letter-spacing: 0.9545454382896423px;
  font-family: HYk1gj;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin-top: 4px;
}

.text_79 {
  height: 30px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  letter-spacing: 1.3636363744735718px;
  font-family: FZBANGSHUXINGJW--GB1-0;
  text-align: right;
  white-space: nowrap;
  line-height: 34px;
  margin-top: -2px;
}

.text-wrapper_18 {
  background-color: rgba(250, 87, 29, 1);
  border-radius: 0px 0px 12px 12px;
  position: absolute;
  left: 130px;
  top: 745px;
  width: 112px;
  height: 30px;
  padding: 0 22px 2px 27px;
}

.text_80 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 21px;
  letter-spacing: 0.9545454382896423px;
  font-family: HYk1gj;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin-top: 4px;
}

.text_81 {
  height: 30px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  letter-spacing: 1.3636363744735718px;
  font-family: FZBANGSHUXINGJW--GB1-0;
  text-align: right;
  white-space: nowrap;
  line-height: 34px;
  margin-top: -2px;
}

.text-wrapper_19 {
  background-color: rgba(250, 87, 29, 1);
  border-radius: 0px 0px 12px 12px;
  position: absolute;
  left: 130px;
  top: 173px;
  width: 112px;
  height: 30px;
  padding: 0 24px 3px 27px;
}

.text_82 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 21px;
  letter-spacing: 0.9545454382896423px;
  font-family: HYk1gj;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin-top: 4px;
}

.text_83 {
  height: 30px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  letter-spacing: 1.3636363744735718px;
  font-family: FZBANGSHUXINGJW--GB1-0;
  text-align: right;
  white-space: nowrap;
  line-height: 34px;
  margin-top: -3px;
}

.text-wrapper_20 {
  background-color: rgba(250, 87, 29, 1);
  border-radius: 0px 0px 12px 12px;
  position: absolute;
  left: 130px;
  top: 35px;
  width: 112px;
  height: 30px;
  padding: 0 24px 3px 27px;
}

.text_84 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 21px;
  letter-spacing: 0.9545454382896423px;
  font-family: HYk1gj;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin-top: 4px;
}

.text_85 {
  height: 30px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  letter-spacing: 1.3636363744735718px;
  font-family: FZBANGSHUXINGJW--GB1-0;
  text-align: right;
  white-space: nowrap;
  line-height: 34px;
  margin-top: -3px;
}

.box_12 {
  background-image: url('https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/gift.png');
  position: absolute;
  left: 33px;
  top: -408px;
  width: 70px;
  height: 70px;
  z-index: 21;
}

.box_13 {
  position: absolute;
  left: 20px;
  top: 1367px;
  width: 670rpx;
  height: 120px;
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 10px;
  background-size: 100% 100%;
  padding: 38px 17px 23px 16px;
}

.text-group_29 {
  margin-bottom: 3px;
}

.text_86 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 18px;
  font-family: AlibabaPuHuiTiB;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 25px;
  margin-right: 25px;
}

.text_87 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 13px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin-top: 7px;
}

.image_15 {
  width: 60px;
  height: 58px;
  margin-top: 1px;
}

.block_9 {
  width: 100%;
  height: 262px;
  background: linear-gradient( 180deg, #C8F8DC 0%, #FFFFFF 100%);
  background-size: 100% 100%;
  position: relative;
}
.block_bg{
  border-radius: 12px;
  background-color: rgb(244 254 248);
  margin:10px;
}

.text-wrapper_26 {
  padding: 10px 18px 35px 36px;
}

.text_88 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 10px;
  font-weight: normal;
  text-align: center;
  line-height: 20px;
  opacity: 0.6;
}

.block_12 {
  height: 727px;
  background: url(https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/bg1.png)
  100% no-repeat;
  background-size: 100% 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 411px;
}

.group_13 {
  height: 284px;
  background: url(https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/bg4.png)
  100% no-repeat;
  background-size: 100% 100%;
  margin: -30px 10px 473px 10px;
  padding: 14px 8px 10px 11px;
}

.block_14 {
  width: 334px;
  margin: 0 13px 0 4px;
}

.group_14 {
  background-image: url('https://tg-spcs.oss-cn-hangzhou.aliyuncs.com/static/images/activity_pile/pile.png');
  width: 93px;
  height: 144px;
  margin-top: 1px;
}

.box_20 {
  margin-bottom: 11px;
  max-width: 80%;
}

.group_22 {
  width: 207px;
  margin-right: 24px;
}

.text_91 {
  overflow-wrap: break-word;
  color: rgba(87, 87, 87, 1);
  font-size: 17px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 23px;
}

.text-wrapper_22 {
  width: 103px;
  height: 55px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: AlibabaPuHuiTiB;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 42px;
}

.text_92 {
  height: 55px;
  overflow-wrap: break-word;
  color: rgba(255, 90, 23, 1);
  font-size: 30px;
  font-family: AlibabaPuHuiTiB;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 42px;
}

.text_93 {
  height: 55px;
  overflow-wrap: break-word;
  color: rgba(255, 90, 23, 1);
  font-size: 40px;
  font-family: AlibabaPuHuiTiB;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 42px;
}

.text_94 {
  overflow-wrap: break-word;
  color: rgba(122, 122, 124, 1);
  font-size: 17px;
  font-family: AlibabaPuHuiTiM;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 23px;
  padding-left: 10px;
}

.text_95 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin: 0 19px 0 1px;
}

.text_96 {
  overflow-wrap: break-word;
  color: rgba(87, 87, 87, 1);
  font-size: 17px;
  font-family: AlibabaPuHuiTiH;
  font-weight: normal;
  text-align: left;
  white-space: normal;
  line-height: 20px;
  margin: 9px 30px 0 1px;
  word-wrap: break-word;
  max-width: 100%;
  box-sizing: border-box;
}

.text_97 {
  width: 450rpx;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(122, 122, 124, 1);
  font-size: 8px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  line-height: 11px;
  margin: 8px 0 0 1px;
}
.text_97_2 {
  overflow-wrap: break-word;
  color: rgba(87, 87, 87, 1);
  font-size: 14px;
  font-family: AlibabaPuHuiTiH;
  font-weight: normal;
  text-align: left;
  white-space: normal;
  line-height: 20px;
  margin: 9px 30px 0 1px;
  word-wrap: break-word;
  max-width: 100%;
  box-sizing: border-box;
}

.box_16 {
  /* border-radius: 10px; */
  /* background-image: url('@/static/images/activity_pile/28981756099255.png'); */
  /* margin-right: 3px; */
  /* padding: 14px 73px 6px 74px; */
  position: relative;
}

.map_hide {
  overflow: hidden;
}

.label_1 {
  width: 300px;
  height: 180px;
  margin: 0 auto;
  border-radius: 8px;
}

.text-wrapper_23 {
  background-color: rgba(221, 240, 246, 0.8);
  border-radius: 10px;
  /*margin-bottom: 8px;*/
  position: absolute;
  top: 68px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: fit-content;
  border: 1px solid #00000017;
}

.text_98 {
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 30rpx;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: center;
  line-height: 20px;
  margin: -1px 9px 1px 9px;
  width: max-content;
}

.image-text_12 {
  width: 158px;
  margin: 5px 0 0 350rpx;
}

.text-group_16 {
  overflow-wrap: break-word;
  color: rgba(0, 169, 146, 1);
  font-size: 16px;
  font-family: AlibabaPuHuiTiM;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 20px;
}

.thumbnail_3 {
  width: 16px;
  height: 16px;
  margin: 2px 0 2px 0;
}

.block_13 {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  position:absolute;
  width: 370px;
  height: 285px;
  border: 0.8px solid rgba(255, 255, 255, 1);
  padding: 11.2px 0 22.2px 0;
  left: 10px ;top: 3984px;
  /* margin: 15px auto 0; */
}

.text_99 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
  margin: 0 287px 0 12px;
  display:block;
  padding-top:10px;
}

.image-wrapper_2 {
  width: 345px;
  height: 21px;
  justify-content: space-between;
  margin: 11px 37px 0 12px;
}

.image_17 {
  width: 95px;
  height: 21px;
  margin-right: 18px;
}

.text-group_30 {
  margin: 20px 204px 0 12px;
}

.text_100 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
  margin-right: 83px;
}

.text_101 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: AlibabaPuHuiTiM;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
  margin-top: 8px;
  display: block;
  padding-bottom: 20px;
}

.text_102 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
  margin: 20px 310px 0 12px;
}

.text-wrapper_24 {
  background-color: rgba(249, 98, 45, 1);
  border-radius: 13px;
  margin: 8px 237px 0 12px;
  padding: 3px 15px 5px 11px;
}

.text_103 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 12px;
  font-family: AlibabaPuHuiTiM;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  /* line-height: 17px; */
}

.image_18 {
  width: 370px;
  height: 1px;
  margin-top: 17px;
}

.image_19 {
  width: 156px;
  height: 34px;
  align-self: center;
  margin-top: 17px;
  margin-left: 107px;
}



.text-wrapper_27 {
  background-color: rgba(239, 239, 239, 1);
  height: 28px;
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 72px;
  padding: 6px 88px 5px 70px;
  z-index: 999;
}

.text_90 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 17px;
}

.large-content-placeholder {
  height: 254px;
  width: 100%;
}

/* 展开的问答列表样式 */
.expanded-questions {
  margin-top: 15px;
  background-color: rgb(244 254 248);
  border-radius: 8px;
  padding: 10px;
  z-index: 109;
}

.qa-item {
  margin-bottom: 10px;
}

</style>
